<script lang='ts' setup>
</script>

<template>
  <div class="main">
    <div class="main-box">
      <router-link to='/threejs'>three.js</router-link>
      <router-link to='/vue-dnd'>vue-dnd</router-link>
      <router-link to='/vue-dnd2'>vue-dnd2</router-link>
      <router-link to='/vue-grid-layout'>vue-grid-layout</router-link>
      <router-link to='/vue-grid-layout2'>vue-grid-layout2</router-link>
      <router-link to='/read-file'>读取文件</router-link>
    </div>
    <div class="main-box">
      <router-link to='/threeVedio'>threeVedio</router-link>
      <router-link to='/tree'>tree</router-link>
      <router-link to='/tableCheck'>tableCheck树形表格</router-link>
      <router-link to='/vxetable'>vxetable + dataV</router-link>
      <router-link to='/previewFile'>previewFile</router-link>
      <router-link to='/animation'>animation</router-link>
      <router-link to='/draggable'>draggable+右键菜单</router-link>
      <router-link to='/vueuse'>vueuse + swiper</router-link>
      <router-link to='/organizationalChart'>organizationalChart组织结构图</router-link>
      <router-link to='/antvG6'>antvG6</router-link>
    </div>
    <div class="main-box">
      <router-link to='/cloudBIMGIS'>cloudBIMGIS</router-link>
      <router-link to='/cloudBIMGIS2'>cloudBIMGIS2</router-link>
      <router-link to='/webBIMGIS'>webBIMGIS</router-link>
      <router-link to='/amp'>amp高德地图</router-link>
      <router-link to='/echartsLine'>echartsline</router-link>
      <router-link to='/vueEcharts'>vueEcharts</router-link>
      <router-link to='/echarts-radar'>echarts-radar</router-link>
    </div>
  </div>
</template>

<style>
  .main {
    padding: 20px;
    display: flex;
  }
  .main-box {
    flex: 1;
    display: flex;
    flex-direction: column;
  }
</style>